<template>
    <div class="user-profile">
        <div class="my-info my-info-bg">
            <p class="note">登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
            <a class="login-btn login-btn-bg f-tdn" href="javascript;" tabindex="1">用户登录</a>

        </div>
    </div>
</template>
<script setup></script>
<style lang="scss" scoped>
    .user-profile{
        .my-info{
            height: 126px;
            .note{
                width: 205px;
                margin: 0 auto;
                padding: 16px 0;
                line-height: 22px;
                color: #666;
            }

            .login-btn{
                margin: 0 auto;
                display: block;
                width: 100px;
                height: 31px;
                line-height: 31px;
                text-align: center;
                color: #fff;
                text-shadow: 0 1px 0 #8a060b;
             

            }

            .login-btn-bg{
                background-position: 0 -195px;
                &:hover{
                    background-position: -110px -195px;
                }
            }
        }

        .my-info-bg{
            background-position: 0 0;
        }
    }
</style>